Hệ thống quản lý phương tiện trong PHP
1 <?php
2 session_start();
3 ?>
4
5
6 <!DOCTYPE html>
7 <html lang="en">
8
9 <head>
10 <meta charset="UTF-8">
11 <title>vehicle management system</title>
12
13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
14 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
15 <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
16 <link rel="stylesheet" type="text/css" href="./slick/slick.css">
17 <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">
18 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
19 <link rel="stylesheet" href="style.css">
20
21
22 </head>
23 <style>
24 /* Center the loader
25 #loader {
26 position: absolute;
27 left: 50%;
28 top: 50%;
29 z-index: 1;
30 width: 150px;
31 height: 150px;
32 margin: -75px 0 0 -75px;
33 border: 16px solid #f3f3f3;
34 border-radius: 50%;
35 border-top: 16px solid #3498db;
36 width: 120px;
37 height: 120px;
38 -webkit-animation: spin 2s linear infinite;
39 animation: spin 2s linear infinite;
40 }
41
42 @-webkit-keyframes spin {
43 0% { -webkit-transform: rotate(0deg); }
44 100% { -webkit-transform: rotate(360deg); }
45 }
46
47 @keyframes spin {
48 0% { transform: rotate(0deg); }
49 100% { transform: rotate(360deg); }
50 } */
51 </style>
52
53
54 <body onload="myFunction()">
55 <div id="loader"></div>
56
57 <div id="myDiv">
58 <?php include 'navbar.php';?>
59 <br>
60 <div class="page-header foo">
61 <h1 style="text-align: center;">Bus Route</h1>
62 </div>
63 <div class="col-md-3"></div>
64 <div class="col-md-6">
65 <iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d932412.1267521078!2d88.9639724042315!3d24.093234513307983!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x39fbefd0a55ea957%3A0x2f9cac3357d62617!2sRajshahi+University+of+Engineering+%26+Technology%2C+6204%2C%2C+Rajshahi+-+Dhaka+Hwy%2C+Rajshahi!3m2!1d24.363568299999997!2d88.6283773!4m5!1s0x3755b8b087026b81%3A0x8fa563bbdd5904c2!2sDhaka!3m2!1d23.810332!2d90.4125181!5e0!3m2!1sen!2sbd!4v1522267261303" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
66 </div>
67 <div class="col-md-3"></div>
68
69 </div>
70
71 <script>
72 var myVar;
73
74 //for fakeloader
75 function myFunction() {
76 //myVar = setTimeout(showPage, 1500);
77 }
78
79 function showPage() {
80 //document.getElementById("loader").style.display = "none";
81 //document.getElementById("myDiv").style.display = "block";
82 }
83 </script>
84
85 <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
86
87
88 <script>
89 window.sr = ScrollReveal();
90 sr.reveal('.foo', { duration: 800 });
91 sr.reveal('.foo1', { duration: 800,origin: 'top'});
92 </script>
93
94 </body>
95 </html>